<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <!-- 移动端显示 -->
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>用户详情</title>
    <!--    引入css文件-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">
    <!-- Custom styles for this template -->
    <link rel="stylesheet" type="text/css" th:href="@{/css/dashboard.css}">
    <!--    以下这两种方式均可引入jquery文件等静态资源文件-->
    <script type="text/javascript" src="../../js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css">
</head>
<body>
<script type="text/javascript">
    function test() {
        alert("test函数被执行");
    }
</script>
<button class="btn btn-primary" onclick="test()">查询</button>
    <table class="table table-sm table-hover table-bordered">
        <thead>
        <tr>
            <th>编号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>生日</th>
            <th>电话</th>
            <th>地址</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="u:${uview}">
            <td th:text="${u.id}"></td>
            <td th:text="${u.name}"></td>
            <td th:text="${u.sex}"></td>
            <td th:text="${u.age}"></td>
            <td th:text="${#dates.format(u.birthday,'yyyy-MM-dd')}"></td>
            <td th:text="${u.phone}"></td>
            <td th:text="${u.address}"></td>
            <td class="center">
                <a class="btn btn-success btn-sm" href="#" th:href="@{/selectById/}+${u.id}">查看</a>
                <a class="btn btn-info btn-sm" href="#" th:href="@{/toUpdateUser/}+${u.id}">修改</a>
                <a class="btn btn-danger btn-sm" href="#" th:href="@{/delUser/}+${u.id}">删去</a>
            </td>
        </tr>
        </tbody>
    </table>
</body>


</html>